<template>
	<view class="xinshou">
		<view class="title">
			<uni-grid :column="3" :show-border="false"  :square="false">
				<uni-grid-item>
					<img :src="logo" alt="" srcset="">
					<text class="text">文本</text>
				</uni-grid-item>
				<uni-grid-item>
					<img :src="logo" alt="" srcset="">
					<text class="text">文本</text>
				</uni-grid-item>
				<uni-grid-item>
					<img :src="logo" alt="" srcset="">
					<text class="text">文本</text>
				</uni-grid-item>
				<uni-grid-item>
					<img :src="logo" alt="" srcset="">
					<text class="text">文本</text>
				</uni-grid-item>
				<uni-grid-item>
					<img :src="logo" alt="" srcset="">
					<text class="text">文本</text>
				</uni-grid-item>
				<uni-grid-item>
					<img :src="logo" alt="" srcset="">
					<text class="text">文本</text>
				</uni-grid-item>
			</uni-grid>
		</view>
		<view class="line"></view>
		<view class="content">
			<view class="header">
				<p>猜你想问</p>
			</view>
			<uni-list>
                <uni-list-item class="text" v-for="(item,index) in list1" :key="index"
                    :title="item.text"
                ></uni-list-item>
            </uni-list>
		</view>
	</view>
</template>

<script>
import logo from "../../static/logo.png";
import uniGrid from "../../components/uni-grid/uni-grid.vue"
import uniGridItem from "../../components/uni-grid-item/uni-grid-item.vue"
import uniList from "@/components/uni-list/uni-list.vue";
import uniListItem from "@/components/uni-list-item/uni-list-item.vue";
	export default {
		components: {uniGrid,uniGridItem,uniList,uniListItem},
		data() {
			return {
				logo,
				list1:[
					{
						text:'1.外汇品种以及标准符号',
					},
					{
						text:'2.外汇交易时间',
					},
				]
			};
		}
	}
</script>

<style lang="less">
.xinshou{
	.title{
		img{
			width: 80upx;
			height: 80upx;
		}
		text{
			line-height: 66upx;
		}
	}
	.content{
		.header{
			height: 90upx;
			line-height: 90upx;
			font-size: 30upx;
			padding-left: 50upx;
		}
	}
	
}
</style>
